﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="style/global.css" rel="stylesheet" />
    <link href="style/css/font-awesome.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <script src="script/html5.js"></script>
    <![endif]-->
    <!--[if IE 7]>
        <link href="style/css/font-awesome-ie7.min.css" rel="stylesheet" />
    <![endif]-->

</head>
<body>
    <div style="position: absolute;height: 435px;width: 100%;z-index: -20;">
        
        <a id="prevslide" class="load-item"></a>
	<a id="nextslide" class="load-item"></a>
    </div>
    <header>
        <div class="logo">
            <a href="#">
                <img src="style/images/logo.png" width="300px" />
            </a>
        </div>
        <div class="banner">
            <div style="width:100%;height: 40px;overflow: hidden;">
                <div class="bannerOne colorGray" id="b1"><i class="icon-list-ul"></i> 新闻动态</div>
                <div class="bannerOne colorLightGray" id="b2"><i class="icon-heart"></i> 校友分会</div>
                <div class="bannerOne colorGreen" id="b3"><i class="icon-thumbs-up"></i> 校友录</div>
            </div>
            <div style="width:100%;min-height: 60px;overflow: hidden;">
                <div class="bannerTwo colorGray" id="btag1">
                    <div><a href="#">学校动态</a></div>
                    <div><a href="#">树人风采</a></div>
                    <div><a href="#">校友捐赠</a></div>
                    <div><a href="#">树人有约</a></div>
                    <div><a href="#">学校动态</a></div>
                    <div><a href="#">树人风采</a></div>
                    <div><a href="#">校友捐赠</a></div>
                    <div><a href="#">树人有约</a></div>
                    <div><a href="#">其他消息</a></div>
                </div>
                <div class="bannerTwo colorLightGray" id="btag2" style="margin-left: 33.3%;">
                    <div><a href="#">义乌分会</a></div>
                    <div><a href="#">嘉善分会</a></div>
                    <div><a href="#">日本分会</a></div>
                    <div><a href="#">温州分会</a></div>
                    <div><a href="#">宁波分会</a></div>
                    <div><a href="#">杭州分会</a></div>
                    <div><a href="#">金华分会</a></div>
                    <div><a href="#">台州分会</a></div>
                    <div><a href="#">更多分会</a></div>
                </div>
                <div class="bannerTwo colorGreen" id="btag3" style="margin-left: 66.6%;">
                    <div><a href="#">校友登记</a></div>
                    <div><a href="#">校友查询</a></div>
                    <div><a href="#">校友留言</a></div>
                    <div><a href="#">校友活动</a></div>
                    <div><a href="#">班级录</a></div>
                    <div><a href="#">个人中心</a></div>
                </div>
            </div>
        </div>
        <div class="search">
            <input id="Text1" type="text" class="searchInput" /><input id="Button1" type="button" value="" class="searchButton" />

        </div>
    </header>
    <div class="main">
        <div class="box big">
            <div class="tabhead"><i class="icon-list-alt"></i> 动态 风采 捐赠 树人有约 联谊社 同学会</div>
            <div class="tabcont">
                <h2><a href="#">我校隆重召开“第九届国际名茶评比</a></h2>
                <ul>
                    <li><a href="#">2012届毕业典礼（组图）</a></li>
                    <li><a href="#">校党委副书记章清接受《今日早报》采访 畅谈</a></li>
                    <li><a href="#">我校外国语学院徐李胜同学获全国大学生职业生涯规划</a></li>
                    <li><a href="#">校党委副书记章清接受《今日早报》采访 畅谈</a></li>
                    <li><a href="#">我校外国语学院徐李胜同学获全国大学生职业生涯规划</a></li>
                </ul>
            </div>
        </div>
        <div class="box small">
            <div class="tabhead"><i class="icon-circle"></i> 各地分会</div>
            <div class="tabcont">
                <ul>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                </ul>
            </div>
        </div>
        <div class="box small">
            <div class="tabhead"><i class="icon-circle"></i> 学院分会</div>
            <div class="tabcont">
                <ul>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                    <li><a href="#">感恩温州校友会“学长助学计划”</a></li>
                    <li><a href="#">我校上海、杭州校友自发组织聚会活动</a></li>
                </ul>
            </div>
        </div>
        <div class="box small">
            <img src="style/images/login5.jpg" width="100%" />
        </div>
    </div>
    <footer>
        <div class="left">
            Copyright &copy; 2008-2013 浙ICP备:05015558号
            <p>地址：浙江省杭州市拱墅区树人街8号 邮编：310015 电话：0571-88298522</p>
        </div>
        <div class="right">
            <a href="#">旧版主页</a> |
            <a href="#">隐私版权</a> |
            <a href="#">联系我们</a> |
            <a href="#">网站地图</a> |
            <p>Designed by 小D & Powered by dsrj.net</p>
        </div>
    </footer>
    <script src="script/jquery-1.8.1.js"></script>
    <script src="script/jquery.easing.min.js"></script>
    <script src="script/supersized.3.2.7.min.js"></script>
    <script src="script/supersized.shutter.min.js"></script>
    <script>
        $(document).ready(function () {
            var bwidth = $(window).width() * 0.8 - 530;
            $("header .banner").css("width", bwidth);
            var totalwidth = ($(window).width() * 0.8 - 50);
            $(".main .big").css("width", totalwidth * 2 / 5);
            $(".main .small").css("width", totalwidth / 5);
            $(".full").css("height", $(window).height() - 10);
            $(window).resize(function () {
                bwidth = $(window).width() * 0.8 - 530;
                $("header .banner").css("width", bwidth);
                totalwidth = ($(window).width() * 0.8 - 50);
                $(".main .big").css("width", totalwidth * 2 / 5);
                $(".main .small").css("width", totalwidth / 5);
                $(".full").css("height", $(window).height() - 10);
            });
            hidebannerTag();
            showbannerTag(1);
            showbannerTag(2);
            showbannerTag(3);
        });
        function showbannerTag(id) {
            $("#b"+id).hover(function () {
                hidebannerTag();
                $("#btag"+id).show();
                $("#b"+id).css({ "background": "transparent", "color": "#fff" });
            });
            $("#btag"+id).hover(function () { }, function () { hidebannerTag(); });
        }
        function hidebannerTag()
        {
            $("#btag1").hide(); $("#btag2").hide(); $("#btag3").hide();
            $("#b1").css({ "background": "#AB8A6C", "color": "#533335" });
            $("#b2").css({ "background": "#CCB18E", "color": "#533335" });
            $("#b3").css({ "background": "#948E73", "color": "#533335" });
        }
    </script>
    <script type="text/javascript">

        jQuery(function ($) {

            $.supersized({

                // Functionality
                slide_interval: 7000,		// Length between transitions
                transition: 1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed: 1000,		// Speed of transition

                // Components							
                slide_links: 'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
                slides: [			// Slideshow Images
                    
                    { image: './style/images/login0.jpg' },
                    { image: './style/images/login1.jpg' },
                    { image: './style/images/login3.jpg' },
                    { image: './style/images/login4.jpg' },
                    { image: './style/images/login8.jpg' },
                    { image: './style/images/login9.jpg' },
                    { image: './style/images/login13.jpg' },
                    { image: './style/images/login5.jpg' },
                    { image: './style/images/login2.jpg' }
                ]

            });
        });

		</script>
</body>
</html>
